<div data-role="page" id="universityLanding">
    <script type="text/javascript">
        $(function() {
            $('.landing_icon').live('click', function() {
                //$.mobile.pageLoading();
                var link = $(this).attr("ref");
                //$.mobile.loadPage(link);

                $.mobile.changePage(link, { transition: "slideup"});
            });

            $('#universityAboutTaylor').live('pageshow', function() {
                //alert("college");
            });
        });
    </script>

    <div data-role="header">
        <img src="/images/mobile/teg_logo.png" class="logo" />
        <a href="/m/universityNavigation" data-icon="check" data-theme="b" class="ui-btn-right">Menu</a>
    </div>

	<!--<div data-role="content">
		this is college
	</div>-->
    <div id="landing_tu" data-role="content">
    	<img id="imgAboutTaylor" src="/images/mobile/icon_about_taylor.png" class="landing_icon" ref="/m/universityAboutTaylor"/>
        <img id="imgSchool" src="/images/mobile/icon_school.png" class="landing_icon" ref="/m/universitySchool"/>
        <img id="imgStudent" src="/images/mobile/icon_student.png" class="landing_icon" ref="/home/university"/>
        <img id="imgPartnership" src="/images/mobile/icon_partnership.png" class="landing_icon" ref="/m/universityPartnership" />
        <img id="imgMerchant" src="/images/mobile/icon_merchant.png" class="landing_icon" ref="/m/universityMerchant"/>
        <img id="imgNews" src="/images/mobile/icon_news.png" class="landing_icon" ref="/m/universityNews"/>
    </div>
	
	<div id="footer">
        <div style="padding-top:14px">
            <span class="footer_text" style="color: #FFFFFF; font-family: Arial,Helvetica,sans-serif;font-size: 12px; font-weight: normal; text-shadow: 0 0px 0 #FFFFFF; text-decoration: none;">All Rights Reserved © 2011 Taylor's Education Group.</span>
        </div>
    </div>
</div>